<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
	<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"></script>
	<script src="js/slides.min.jquery.js"></script>
	<script>
		$(function(){
			$('#slides').slides({
				preload: true,
				preloadImage: 'img/loading.gif',
				play: 5000,
				pause: 2500,
				hoverPause: true
			});
		});
	</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Froga</title>
<link href="css/global2.css" rel="stylesheet" type="text/css" />
<link href="css/efectosv2.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="page">
  <div id="header">
    <div id="example">
			<div id="slides">
				<div class="slides_container">
                <a><img src="img/cabecera.jpg" alt="03" width="850" height="150"/></a>
				<a><img src="img/dantza3.jpg" alt="01" width="850" height="150" /></a>
				<a><img src="img/dantza4.jpg" alt="02" width="850" height="150" /></a>
                 <a><img src="img/dantza5.jpg" alt="03" width="850" height="150"/></a>
				</div>
                
				<!--
                Desactivados botones pasar imagen del slider
                
                <a href="#" class="prev"><img src="img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
				<a href="#" class="next"><img src="img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>-->
			</div>
		</div>
          

  </div>
  <div id="bar-sup">
	<ul class="mi-menu">
  <li><a href="index.html"> Inicio </a></li>
  <li>
    <a href="#"> Enlace 2 </a>
    <ul>
      <li><a href="#">sub2.1 </a></li>
      <li><a href="#">sub2.2 </a></li>
      <li><a href="#">sub2.3 </a></li>
    </ul>
  </li>
  <li><a href="#"> Enlace 3 </a></li>
  <li><a href="Galeria.html"> Galeria de Fotos </a></li>
  <li><a href="#">Enlace 5 </a>
  <ul>
      <li><a href="#">sub5.1 </a></li>
      <li><a href="#">sub5.2 </a></li>
    </ul>
  </li>
</ul>



  </div>
  <div id="titulares">
    <p>&nbsp;</p>
    <div id="titu1" align="center">
	<video width="520" height="250" controls="controls" preload="none">
  		<source src="video/dantza.webm" type="video/webm">
 				 Zure nabigatzaileak ez du HTML5 onartzen.
</video>
	</div>
    <div id="titu2"></div>
    <p>&nbsp;</p>
  </div>
  <div id="subtitulos">
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <div id="subt1">
    
    <div class="css3droppanel">
<input type="checkbox" id="paneltoggle" />
<label for="paneltoggle" title="Click to open Panel"></label>
<div class="content">

<!--panel content goes here-->

<p>CSS is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation, including elements such as the layout, colors, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple pages to share formatting, and reduce complexity and repetition in the structural </p>


<!-- end panel content -->

</div>

</div>

    </div>
    <div id="subt2">
    <!-- Make sure each container contains explicit width/height attrs that reflect the dimensions of the showcased image-->



<div class="imagepluscontainer" style="width: 230px; height: 135px; left: 281px">
<img src="img/dantza4.JPG" width="230" height="135" />
<div class="desc upslide">
Hau proba bat da <br />
buuuubuuuu
</div>
</div>

    
    </div>
    <div id="subt3"></div>
  </div>
  <div id="segundo_menu">
  <div class="underlinemenu">
  	<ul>
 		<li><a href="index.html">Contacto</a></li>
    	<li><a href="index.html">Referencias</a></li>
    	<li><a href="index.html">Fotos</a></li>
    	<li><a href="index.html">Link4</a></li>
    	<li><a href="index.html">Link5</a></li>
	</ul>
    </div>
  </div>
  <div id="footer">&copy; Mikel Santesteban-ek diseinatutako web orria
  <ul class="bubblewrap">
<li><a href="#"><img src="img/facebook.png" title="Add to Facebook" /></a></li>
<li><a href="#"><img src="img/digg.png" title="Add to Digg" /></a></li>
<li><a href="#"><img src="img/twitter.png" title="Add to Twitter" /></a></li>
<li><a href="#"><img src="img/rss.png" title="Add RSS Feed" /></a></li>
</ul>
  
  </div>
</div>
</body>
</html>
